<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!--  如何码 css style是标签 css写在style之间-->
<!--type="text/css"是基于文本的类型css-->
<!--把style标签写在HTML文档里面叫做内部样式表 ，建议写在head之间，因为网页加载是从头部开始的，避免出现只加载HTML，没加载完css-->
<!--<style type="text/css">
div{width:100px;height:100px;background:red;}
</style>

<link href="cssdemo1.css" type="text/css" rel="stylesheet"/>
<style type="text/css">
div{width:100px;height:100px;background:red;}
</style>-->
<!--内外部样式表存在先写跟后写的问题，而不是谁比谁优先，后写的修改了先写的-->
<style type="text/css">
/*这是在css范围内使用的注释*/
/*@import url("cssdemo1.css");*/
</style>
</head>
<body>
<!--内联样式 行间样式 把样式表写在标签之间的 行间样式优先级最高-->
<div style="width:100px;height:100px; background:yellow;"></div>
</body>
</html>
